<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="description" itemprop="description" content="扫一扫，个人信息快速保存到通讯录，帮你发掘名片背后更多的商业价值。不仅是联系方式的展示，还能向客户传递更多的企业、产品信息，让企业内部也能更好的管理员工名片信息，而且信息可随时修改">
        <meta name="keywords" itemprop="keywords" content="名片二维码,二维码名片,二维码名片生成器,名片二维码生成器,名片上的二维码,企业名片二维码,企业员工二维码">
        <title>云名片编辑</title>
        <link rel="stylesheet" type="text/css" href="__STATIC__/card_login/bootstrap.css">
        <link rel="stylesheet" type="text/css" href="__STATIC__/card_login/page-vcard-edit-bs_15efd51.css">
    </head>
    <body>
        <div class="wrap_bg">
            <div class="pubw w1000 clearfloat">
                <div id="leftwrap" class="pull-left">
                    <div class="left_box left_basic border-rt-green">
                        <div class="bg_wrap basic-bg-wrap green hidden">
                            <div class="bg">
                                <i class="clicon-module-card"></i>基本信息</div>
                        </div>
                        <div style="background-image: url(__STATIC__/card_login/vcardbg7.jpg);" id="vcard_head" class="vcard_head ">
                            <div class="vcard_face_wrap">
                                <div class="vcard_face_bg"></div>
                                <div class="vcard_face"></div>
                                <div class="vcard_face_lang lang_fake lang" data-lang-key="Avatar">头像</div></div>
                            <div class="vcard_career_wrap">
                                <p id="vcard_data_name" data-lang-key="Name" class="vcard_data_fullname lang_fake">姓名:{$info['name']}</p>
                                <p class="vcard_data_appointment vcard_career lang_fake" data-lang-key="Position">职位:{$info['position']}</p>
                                <p class="vcard_data_company vcard_career lang_fake" data-lang-key="Company">公司:{$info['company']}</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="left_addable_wrap" id="left_addable_basic"></div>
                    </div>
                    <div class="left_box left_phone">
                        <div class=" vcard_data_txt b-b">
                            <span class="vcard_data_title lang" data-lang-key="nickname">昵称:{$info['nickname']}</span>
                        </div>
                        <div class=" vcard_data_txt b-b">
                            <span class="vcard_data_title lang" data-lang-key="weixin">微信:{$info['weixin']}</span>
                        </div>
                        <div class="left_addable_wrap" id="left_addable_phone">
                            <div class="vcard_data_txt b-b">
                                <span class="vcard_data_title lang" data-lang-key="mobliePhone">移动电话:{$info['moblie_phone']}</span>
                            </div>
                        </div>
                        <div class=" vcard_data_txt b-b">
                            <span class="vcard_data_title lang" data-lang-key="email">电子邮箱:{$info['email']}</span>
                        </div>
                        <div class="left_addable_wrap" id="left_addable_fax">
                            <div class="vcard_data_txt b-b">
                                <span class="vcard_data_title lang" data-lang-key="homepageUrl">主页网址:{$info['homepage_url']}</span>
                            </div>
                        </div>
                        <div class="left_addable_wrap" id="left_addable_fax">
                            <div class="vcard_data_txt b-b">
                                <span class="vcard_data_title lang" data-lang-key="address">地址:{$info['address']}</span>
                            </div>
                        </div>
                        <div class="left_addable_wrap" id="left_addable_fax">
                            <div class="vcard_data_txt b-b">
                                <span class="vcard_data_title lang" data-lang-key="telephone">固定电话:{$info['telephone']}</span>
                            </div>
                        </div>
                        <div class="left_addable_wrap" id="left_addable_fax">
                            <div class="vcard_data_txt b-b">
                                <span class="vcard_data_title lang" data-lang-key="weibo">微博:{$info['weibo']}</span>
                            </div>
                        </div>
                        <div class="left_addable_wrap" id="left_addable_fax">
                            <div class="vcard_data_txt b-b">
                                <span class="vcard_data_title lang" data-lang-key="qq"  >QQ:{$info['qq']}</span>
                            </div>
                        </div>
                    </div>
                </div>
                            <form action='{$self_url}#btn_create' method='post' enctype="multipart/form-data">
                <div id="rightwrap" class="pull-left">
                    <div class="box box-shadow edit_area edit_basic">
                        <i class="arrow arrow_out"></i>
                        <i class="arrow arrow_in"></i>
                        <i class="fa fa-close close"></i>
                        <div id="info-field-basic" class="formlist" name="basicInfo" data-module="basic">
                            <div class="form-group row">
                                <label title="头像" data-lang-key="Avatar" class="col-md-2 form-control-label field_name lang">头像</label>
                                <if condition="$info['head_img']">
                                    <div class="col-md-8 none" id="background_view" style="display: block;">
                                        <div class="pos-rlt background-box pointer">
                                            <img src="{$info['head_img']|get_cover='path'}" onerror="this.src='__IMG__/noimg.png'" class="" width="100%">
                                        </div>
                                    </div>
                                     <div class="col-md-3" style="display:none;">
                                        <div class="white btn-sm">
                                            <span>上传头像</span>
                                            <input title="上传头像" name="headImg" type="file">
                                        </div>
                                    </div>
                                <else/>
                                    <div class="col-md-8 none" id="background_view" style="display: none;">
                                        <div class="pos-rlt background-box pointer">
                                            <img src="{$info['head_img']|get_cover='path'}" onerror="this.src='__IMG__/noimg.png'" class="" width="100%">
                                        </div>
                                    </div>
                                     <div class="col-md-3" style="display: block;">
                                        <div class="white btn-sm">
                                            <span>上传头像</span>
                                            <input title="上传头像" name="headImg" type="file">
                                        </div>
                                    </div>
                                </if>
                            </div>
                            <div class="form-group row">
                                <label title="微信二维码" data-lang-key="Avatar" class="col-md-2 form-control-label field_name lang">微信二维码</label>
                                <if condition="$info['wx_image']">
                                    <div class="col-md-8 none" id="background_view" style="display: block;">
                                        <div class="pos-rlt background-box pointer">
                                            <img src="{$info['wx_image']|get_cover='path'}" onerror="this.src='__IMG__/noimg.png'" class="" width="100%">
                                        </div>
                                    </div>
                                     <div class="col-md-3" style="display:none;">
                                        <div class="white btn-sm">
                                            <span>上传微信二维码</span>
                                            <input title="上传微信二维码" name="wxImage" type="file">
                                        </div>
                                    </div>
                                <else/>
                                    <div class="col-md-8 none" id="background_view" style="display: none;">
                                        <div class="pos-rlt background-box pointer">
                                            <img src="{$info['wx_image']|get_cover='path'}" onerror="this.src='__IMG__/noimg.png'" class="" width="100%">
                                        </div>
                                    </div>
                                     <div class="col-md-3" style="display: block;">
                                        <div class="white btn-sm">
                                            <span>上传微信二维码</span>
                                            <input title="上传微信二维码" name="wxImage" type="file">
                                        </div>
                                    </div>
                                </if>
                            </div>
                            <div class="form-group row">
                                <label title="姓名" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang" >姓名</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="name"  required min="1" max="10" value="{$info['name']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的姓名" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label title="昵称" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">昵称</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="nickname" min="1" max="15" value="{$info['nickname']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的姓名" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label title="职位" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">职位</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="position" value="{$info['position']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的职位" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label title="公司" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">公司</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="company" value="{$info['company']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的公司" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label title="微信" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">微信</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="weixin"  value="{$info['weixin']}"  required pattern='^[\w-]{3,}$' class="placeholder  form-control form-control-sm small_input" placeholder="您的微信" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>
                             <div class="form-group row">
                                <label title="移动电话" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">移动电话</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="mobliePhone" disabled value="{$info['moblie_phone']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的移动电话" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label title="电子邮箱" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">电子邮箱</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="email"  value="{$info['email']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的电子邮箱" type="email">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label title="主页网址" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">主页网址</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="homepageUrl"  value="{$info['homepage_url']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的主页网址" type="url">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>
                            <!--div class="form-group row">
                                <label title="地址" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">地址</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="address"  value="{$info['address']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的地址" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div-->            
                            <div class="form-group row">
                                <label title="固定电话" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">固定电话</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="telephone"  value="{$info['telephone']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的固定电话" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>                 
                            <div class="form-group row">
                                <label title="微博" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">微博</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="weibo"  value="{$info['weibo']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的微博" type="url">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>                 
                            <div class="form-group row">
                                <label title="QQ" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang" >QQ</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="qq" pattern='^\d{5,13}$' value="{$info['qq']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的QQ" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div>               
                            <div class="form-group row">
                                <label title="个人说明" data-lang-key="Fullname" class="col-md-2 form-control-label field_name lang">个人说明</label>
                                <div id="field-fullname" class="col-md-10 row">
                                    <div class="col-md-10">
                                        <input id="info-fullname" name="intro"  value="{$info['intro']}" class="placeholder  form-control form-control-sm small_input" placeholder="您的个人说明" type="text">
                                        <span id="length_tip_fullname" class="length_tip">0/50</span></div>
                                </div>
                            </div> 
                            <if condition='$success'>    
                                <div style="color:green;padding-bottom: 5px;">{$success}</div>   
                            <else />            
                            <div style="color:red;padding-bottom: 5px;">{$error}</div>      
                            </if>
                            <div class="addable_wrap" id="addable_basic">
                                <div class="form-group row li-item">
                                    <button id="btn_create" type="submit" class="btn " >提交资料</button>
                                    <a target='_blank' href="/card/{$info.id}.html" class="btn green"  id="btn_create1" style="margin-left:80px;" >点击查看个人资料</a>
                                    <a target='_blank' href="/qr/{$info.id}.html" class="btn green"  id="btn_create1" style="margin-left:60px;" >生成二维码</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    
                </form>
                <div class="clearfix"></div>      
            </div>
        </div>
    </body>
    <style>
        #btn_create,#btn_create1{
            min-width:96px;
            background-color: #f9b700;
            color: rgba(255, 255, 255, 0.87);
            border-width: 0;
            font-weight: 500;
            outline: 0 none !important;
            padding: 0.4375rem 1rem;
            border-radius: 0.25rem;
            cursor: pointer;
            display: inline-block;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
        }
        .vcard_data_title, .vcard_custom_title{
            width: 100%;
        }
    </style>
    <script src="__JS__/zepto.js"></script>
    <script type="text/javascript">
        $('.col-md-8').find('img').click(function(){
            $(this).parents('.col-md-8').next('.col-md-3').find('input').click();
        });
        $('input[type="file"]').change(function(){
           var _this = $(this).parents('.col-md-3');
           var file = this.files[0];
           if (file.size > 2*1024*1024) {
               return alert('头像小于2M');
            }
            var reader = new FileReader();   
            reader.readAsDataURL(file);   
            reader.onload = function(e){   
                _this.prev('.col-md-8').find('img').attr('src', this.result);
                _this.prev('.col-md-8').show();
                _this.hide();
            }   
        });
    </script>   
</html>